<template>
    <div>
        <div style="position: relative;overflow: hidden;">
            <img src="@/assets/headerbk.jpg" alt="" style="width: 100%;" />
            <img src="../../../assets/title.png" alt="" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);"/>
        </div>
      <div class="bg">


        <img src="@/assets/dyzl.png" alt="" @click="handleLogin('1')" style="cursor: pointer;margin-right: 100px;" />
        <img src="@/assets/zgjd.png" alt="" @click="handleLogin('2')" style="cursor: pointer;" />
      </div>
    </div>
  </template>

  <script>
  import {Session} from "@/utils/storage"
  import {mapMutations, mapState} from 'vuex'
  export default {
    name: 'application',
    data () {
      return {
        password: '',
        loading: false
      }
    },
    computed: {
        ...mapState({
            leftShow: state => state.leftShow,
        }),
    },
    created () {},
    methods: {
        ...mapMutations(['setLeftShow']),
        handleLogin (e) {
          console.log('e',e)
            if(e == '1') {
               // this.setLeftShow(false)
                Session.set('leftShow', this.leftShow)
                Session.set('activeKey','zl')
                this.$router.push({ path: '/fileList' }).catch(() => {})
            } else {
                //this.setLeftShow(true)
                Session.set('leftShow', this.leftShow)
              Session.set('activeKey','dc')
                this.$router.push({ path: '/home' }).catch(() => {})
            }
        }
    }
  }
  </script>

  <style lang="scss" scoped>
  .bg{
    background: url("~@/assets/img/appBg.jpg") no-repeat;
    background-size: 100% 100%;
    height: calc(100vh - 383px);
    padding-top: 100px;
    overflow: hidden;
  }
  </style>
